<div class="tabs_alt tabs_parent">
  <ul id="main_tabs">
    <li class="active">
      <a onclick="tabSwitcher($(this), 'description');"
         href="javascript:void(0);">
        <img style="margin: 6px 0px 0px 0px;" alt="Hotel Search" src="http://www.goturkey.com/themes/goturkey/images/icons/default/hotel.png">
      </a>
    </li>

    <li class="">
      <a onclick="tabSwitcher($(this), 'photos');"
         href="javascript:void(0);">
        <img style="margin: 6px 0px 0px 0px;" alt="Flight Search" src="http://www.goturkey.com/themes/goturkey/images/icons/default/flight.png">
      </a>
    </li>

    <li class="">
      <a onclick="tabSwitcher($(this), 'photos');"
         href="javascript:void(0);">
        <img style="margin: 6px 0px 0px 0px;" alt="Transfer" src="http://www.goturkey.com/themes/goturkey/images/icons/default/tour.png">
      </a>
    </li>

    <li class="">
      <a onclick="tabSwitcher($(this), 'photos');"
         href="javascript:void(0);">
        <img style="margin: 6px 0px 0px 0px;" alt="Transfer" src="http://www.goturkey.com/themes/goturkey/images/icons/default/car.png">
      </a>
    </li>
    <li class="">
      <a onclick="tabSwitcher($(this), 'photos');"
         href="javascript:void(0);">
        <a id="tab_5" href="javascript:tabSwitch('tab_5', 'content_5');">TAILOR MADE</a>
      </a>
    </li>
  </ul>
</div>
<div id="description">
  <h3> Test </h3>
  <div class="tour_description">
    Test
  </div>
</div>
<div id="photos" style="display: none">
  No photos
</div>

<script type="application/javascript">
  function tabSwitcher(element, id) {
    $('main_tabs').getElements('li').removeClass('active');
    $('description').setStyle('display', 'none');
    $('photos').setStyle('display', 'none');
    element.getParent().set("class", "active");
    $(id).setStyle('display', 'block');
  }
</script>